<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>六人行首页</title>
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <div class="body">
        <!-- 头部 S  -->
    <div class="header">
        <div class="img">
            <img src="../img/logo.gif" alt="">
        </div>
        <div class="nav">
            <div class="nav-ul">
                <ul>
                    <li><a href="" class="index">首页</a> </li>
                    <span>|</span>
                    <li><a href="">活动</a></li>
                    <span>|</span>
                    <li><a href="">据点</a></li>
                    <span>|</span>
                    <li><a href="">招贴</a></li>
                    <span>|</span>
                    <li><a href="">VIP服务</a></li>
                    <span>|</span>
                    <li><a href="">随便逛逛</a></li>
                </ul>
            </div>
            <div class="search">
                <div class="img-search">
                </div>
            </div>
            <div class="find">
                <span>找找!</span>
            </div>
        </div>
    </div>
    <!-- 头部 E  -->

    <!-- 主体 S  -->
    <div class="content">
        <div class="c-l">
            <!-- 580*190 -->
            <img src="../img/focus.gif" alt="">
            <div class="play">
                <div class="acti">
                    <p>参加丰富的<span>活动</span></p>
                    <div class="details">
                        <dl>
                            <dt><img src="../img/act1.gif" alt=""></dt>
                            <dd>[培训]<a href="#">11月17号婚恋心理工作坊（</a></dd>
                            <dd>
                                <p>活动介绍婚恋心理工作坊：单身人士进入婚恋关系的十大障碍</p>
                            </dd>
                        </dl>
                        <dl>
                            <dt><img src="../img/act2.jpg" alt=""></dt>
                            <dd>[演出]<a href="#">天籁之夜——尚雯婕2009北</a></dd>
                            <dd>
                                <p>尚雯婕2009北京演唱会 天籁之夜————尚雯婕2009巡回演唱会/音乐会...</p>
                            </dd>
                        </dl>
                        <dl>
                            <dt><img src="../img/act3.jpg" alt=""></dt>
                            <dd>[休闲户外]<a href="#">▬▶爱旅行11月8周日黄</a></dd>
                            <dd>
                                <p>[行程安排]早7：50集合，8：00触发，集合地：苹果园地铁D出口往右物...</p>
                            </dd>
                        </dl>
                    </div>
                </div>              
            </div>
            <div class="join">
                <div class="stronghold">
                    <p>加入身边的<span>据点</span></p>
                    <div class="details">
                        <dl>
                            <dt><img src="../img/spot1.gif" alt=""></dt>
                            <dd>剧场<a href="#">梅兰芳大剧院</a></dd>
                            <dd>
                                <p>拥有者:  (价值:3000<img class="money" src="../img/money.gif" alt="">)</p>
                                <p>地址：西城区平安里西大街32号</p>
                            </dd>
                        </dl>
                        <dl>
                            <dt><img src="../img/spot2.gif" alt=""></dt>
                            <dd>滑雪场<a href="#">莲花山滑雪场</a></dd>
                            <dd>
                                <p>拥有者：  (价值：4000<img class="money" src="../img/money.gif" alt="">)</p>
                                <p>地址：顺义区张镇良山东路</p>
                            </dd>
                        </dl>
                        <dl>
                            <dt><img src="../img/spot3.gif" alt=""></dt>
                            <dd>餐厅<a href="#">四川简阳牛肉汤</a></dd>
                            <dd>
                                <p>拥有者：  (价值：11600<img class="money" src="../img/money.gif" alt="">)</p>
                                <p>地址：朝阳区金台路9路总站西100米</p>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-r">
            <div class="login">
                <img src="../img/login.jpg" alt="">
                <form action="">
                    <p>你的手机号：</p>
                    <input type="text" name="phone">
                    <p>你的密码：</p>
                    <input type="password" name="password">
                    <br/>
                    <input type="checkbox" id="remember"><label for="remember">在这台电脑上记住我</label>
                    <br/>
                    <input type="button">
                    <a href="#">忘记密码？</a>
                </form>  
            </div>
            <div class="register">
                <p>还不是六人行会员？<a href="#">马上注册</a></p>
            </div>
            <div class="neighbor">
                <div class="title"><p>找到身边的<span>邻居</span></p></div>
                <div class="neighbor-details">
                    <dl>
                        <dt><img src="../img/neighbor1.jpg" alt=""></dt>
                        <dd>圣哲西</dd>
                        <dd>所在写字楼</dd>
                        <dd><a href="#">华杰大厦</a></dd>
                    </dl>
                    <dl>
                        <dt><img src="../img/neighbor2.jpg" alt=""></dt>
                        <dd>圣哲西</dd>
                        <dd>所在写字楼</dd>
                        <dd><a href="#">华杰大厦</a></dd>
                    </dl>
                    <dl>
                        <dt><img src="../img/neighbor3.jpg" alt=""></dt>
                        <dd>圣哲西</dd>
                        <dd>所在写字楼</dd>
                        <dd><a href="#">华杰大厦</a></dd>
                    </dl>
                    <dl>
                        <dt><img src="../img/neighbor4.jpg" alt=""></dt>
                        <dd>圣哲西</dd>
                        <dd>所在写字楼</dd>
                        <dd><a href="#">华杰大厦</a></dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体 E  -->

    <div class="adv">
        <div class="adv-l">
            <!-- 580 -->
            <a href="#"><img src="../img/advfasion.gif" alt=""></a>
        </div>
        <div class="adv-r">
            <!-- 420 -->
            <a href="#"><img src="../img/train.gif" alt=""></a>
        </div>
    </div>
    <!-- 底部 S  -->
    <div class="footer">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="#">广告</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">指南</a></li>
            <li><a href="#">声明</a></li>
            <li><a href="#">联系</a></li>
            <li><a href="#">举报</a></li>
            <li><a href="#">给6人行发私信</a></li>
            <li><a href="#">客服010-84988367</a></li>
            <li><a href="#">户外网站联盟</a></li>
        </ul>
        <p>copyright &copy 六人行 2009 <span>中文(简体)</span>  《中华人民共和国电信与信息服务业务经营许可证》  编号：京ICP证060911号</p>
    </div>
    <!-- 底部 E  -->
    </div>
    
</body>

</html>